<template>
  <div>
    这个是sync---父组件---{{ num }}---{{ num2 }}
    <hr>
    <Son
      :aa="num"
      :bb="num2"
      @update:aa="val=> num=val"
      @update:bb="val=> num2=val"
    />
    <!-- sync是一个语法糖: 作用实现父子组件数据的双向绑定
    语法： xxx.sync="变量名"
    <Son :aa.sync="num" />=== <Son :aa="num" @update:aa="val=> num=val" />
    和v-model的区别是
      v-model只能绑定一次
      sync可以绑定多次
    -->
    <hr>
    <Son
      :aa.sync="num"
      :bb.sync="num2"
    />
  </div>
</template>
<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      num: 100,
      num2: 200
    }
  }
}
</script>

